<template>
  <div class="basic-information">
    <h2>基本情况</h2>
    <div class="body">
      <ul>
        <li v-for="(item, index) in basicDataName" :key="index">
          <p>{{ item.name }}</p>
          <div class="text" v-html="item.value" />
        </li>
      </ul>
    </div>
  </div>
</template>

<script setup>
import { ref } from 'vue'

const basicDataName = ref([
  { name: '所属批次:', value: '2024年批次' },
  { name: '项目名称:', value: '校园自动驾驶智能观光车研发与应用测试 学生申报' },
  { name: '项目类型:', value: '创新训练项目' },
  { name: '项目级别:', value: '国家级' },
  { name: '项目类别:', value: '一般项目' },
  { name: '所属重点领域:', value: '工学' },
  { name: '所属一级学科:', value: '电子信息类' },
  { name: '所属二级学科:', value: 'E、竞赛专项' },
  { name: '项目来源名称:', value: '一年期 （2024-05 至 2025-05）' },
  {
    name: '项目期限:',
    value:
      '本项目旨在开发一款专为校园环境设计的无人驾驶车辆自主导航系统，核心采用SLAM技术，并整合激光雷达、视觉传感器与GPS。其研究内容主要包括：实时地图构建与定位、图优化方法、自主定位与路径规划和自动语音导览。其技术路线聚焦于解决精确定位、高效建图和智能路径规划等关键技术问题，预期将实现提供自动校园导览服务，带来高安全性能、便捷的环保服务体验，以及校园文化与科研教学的深度融合。自动驾驶观光车不仅提供了一种新型的校园交通方式，还为校园文化传承和科研实践提供了平台，并促进科研与教学的深入发展。'
  },
  {
    name: '项目简介:',
    value: `
      1. 2023.7 第十八届全国大学生智能汽车竞赛华南赛区负压电磁组二等奖;<br>
      2. 2023.10 全国大学生工程训练综合能力竞太阳能小车组三等奖`
  },
  {
    name: '指导教师承担科研课题情况:',
    value:
      '主持并主要参与中青年项目4项，指导学生参加学科竞赛获国家级奖项8项，区级奖项20项以上。其中，指导学生获全国大学生智能汽车竞赛国家级一等奖2项、二等奖1项；指导学生获全国大学生工程训练综合能力竞赛国家级金奖1项、铜奖1项'
  },
  {
    name: '指导教师对本项目的支持情况:',
    value:
      '项目是在全国大学生智能汽车竞赛的基础上，完善其技术及性能，通过自动驾驶观光的设计，提升校园文化与科研教学的融合，为为计算机科学、自动化、人工智能等专业学生提供了一个真实环境下的研发与测试平台，促进了产教融合和科技成果转化。'
  },
  { name: '项目级别:', value: '国家级' },
  { name: '立项时间:', value: '2024-08-14' },
  { name: '结题时间:', value: '' }
])
</script>
<style lang="less" scoped>
.basic-information {
  h2 {
    color: #5d78ff;
    margin-bottom: 30px;
  }
  .body {
    margin-bottom: 50px;
    .text {
      padding: 10px 20px;
      margin-top: 10px;
      cursor: text;
      border: 1px solid #ccc;
      border-radius: 5px;
      width: 96%;
      background-color: #f5f7fa;
      font-size: 13px;
      color: #707276;
    }
    ul {
      li {
        margin: 20px 0;
        p {
          color: #5d78ff;
        }
      }
    }
  }
}
</style>
